<template>
  <a-empty :image="emptyUrl" class="empty">
    <template #description>
      <span> {{ emptyData }} </span>
    </template>
  </a-empty>
</template>

<script>
/**
 * @desc   空状态组件
 * @auther 阳坤
 * @date 2022/10/22
 *
 **/
export default {
  name: 'Empty'
}
</script>

<script setup>
import { defineProps } from 'vue'
/**
 * 暂无数据显示
 * @author 阳坤（1194636148@qq.com）
 * @date   时间：2022/11/20
 */
const props = defineProps({
  emptyData: {
    type: String,
    default: '暂无数据'
  }
})
const emptyUrl = require('../../assets/images/empty.png')
</script>

<style scoped lang="less">
.empty {
  padding-top: 20px;
}
</style>
